<!doctype html>
<html>
<head>
    <link href="styl.css"  rel="stylesheet">
	<script src="http://api4.mapy.cz/loader.js"></script>
	<script>Loader.load()</script>
    <script type="text/javascript">
		
		
		//mapa.addDefaultLayer(SMap.DEF_BASE).enable();
		//mapa.addDefaultControls();	      	      
	</script>
    <script type="text/javascript">
	  function initialize() {{
		  	/* střed mapy */
		  	/*
		  	Každá zeměpisná souřadnice je představována instancí třídy SMap.Coords.
		  	*/
			//var center = SMap.Coords.fromPP(133026752, 135897344);
			var center = SMap.Coords.fromWGS84(15.615641426772372, 49.40796576957803);

			/* inicializace API
			Dále je vyrobena mapa pomocí tří parametrů:
			  	- prvku ve stránce (jeho atribut "id" je "m")
		  	    - středu
		  	    - zoomu (úrovně přiblížení)
		  	    
		  	Prvek ve stránce musí mít samosebou nastavené nějaké nenulové rozměry, jinak by mapa nebyla vidět.
			*/
			var m = new SMap(JAK.gel("mapa"), center, 17);
			/* definujeme pouzivane mapove podklady */
			m.addDefaultLayer(SMap.DEF_OPHOTO);
			m.addDefaultLayer(SMap.DEF_OPHOTO0203);
			m.addDefaultLayer(SMap.DEF_OPHOTO0406);
			m.addDefaultLayer(SMap.DEF_TURIST);
			m.addDefaultLayer(SMap.DEF_HISTORIC);
			/*
			Vposled je do mapy přidána výchozí vrstva (neboť nová mapa je sama o sobě prázdná):
				konstanta SMap.DEF_BASE označuje vrstvu se základním mapovým podkladem.
				Tu je nutné zapnout (enable). 
			*/
			m.addDefaultLayer(SMap.DEF_OPHOTO).enable();
			/* pridame zakladni ovladaci prvky
			Zavoláním metody addDefaultControls přidáme do mapy ovládací prvky: kompas, zoom, ovládání myší a klávesnicí.
			Pokud chceme použít vlastní obrázky pro vestavěné ovládací prvky,
			můžeme (dříve, než zavoláme addDefaultControls) nastavit konfigurační proměnnou SMap.CONFIG.img na naše vlastní URL. 
			*/
			m.addDefaultControls();

            /*Ovládací prvek SMap.Control.Sync dělá dvě věci: synchronizuje velikost mapy s velikostí jejího rodičovského prvku (což se může hodit, pokud má prvek šířku zadanou např. v procentech) a volitelně udržuje zadaný odstup mapy od dolního okraje okna prohlížeče (zadáno v pixelech). 
            
            */
            var sync = new SMap.Control.Sync({{bottomSpace:0}});
            m.addControl(sync);
			/*
			Kontextové menu se zobrazuje po kliknutí pravým tlačítkem myši.
			Jeho obsah bude časem lépe konfigurovatelý;
			výchozí menu zatím obsahuje aktuální souřadnice a povely pro změnu přiblížení. 
			
			*/
			m.addDefaultContextMenu();
			/*
			 * Individuální přidávání ovládacích prvků není složité.
			 V této ukázce přidáváme ovládací prvek SMap.Control.Compass, kterému specifikujeme popisek.
			 Do mapy ho vposled přidáme metodou addControl. 
			 
			var o = {{title:"Posun mapy"}};
			var c = new SMap.Control.Compass(o);
			m.addControl(c, {{left:"8px", top:"9px"}});
			*/


			/*
			Ovládací prvek SMap.Control.Sync dělá dvě věci:
				- synchronizuje velikost mapy s velikostí jejího rodičovského prvku (což se může hodit, pokud má prvek šířku zadanou např. v procentech) 
			    - volitelně udržuje zadaný odstup mapy od dolního okraje okna prohlížeče (zadáno v pixelech). 
			*/
			var sync = new SMap.Control.Sync({{bottomSpace:0}});
			m.addControl(sync);
			/* nastavíme a přidáme přepínač mapových podkladů */
			var layerSwitch = new SMap.Control.Layer();
			layerSwitch.addDefaultLayer(SMap.DEF_BASE);
			layerSwitch.addDefaultLayer(SMap.DEF_OPHOTO);
			layerSwitch.addDefaultLayer(SMap.DEF_TURIST);
			layerSwitch.addDefaultLayer(SMap.DEF_OPHOTO0406);
			layerSwitch.addDefaultLayer(SMap.DEF_OPHOTO0203);
			layerSwitch.addDefaultLayer(SMap.DEF_HISTORIC);
			m.addControl(layerSwitch,{{left:"8px", top:"9px"}});


			/*
			Každá značka v mapě musí patřit do nějaké vrstvy.
			Proto je nejprve nutné vyrobit značkovou vrstvu (new SMap.Layer.Marker),
			přidat ji do mapy (addLayer) a povolit (enable).
			Pak lze vyrobit značku, jejíž konstruktor používá tři parametry: souřadnici značky, její jednoznačný identifikátor a další volitená nastavení
			 - v této ukázce žádná nepoužíváme. Vposled se značka přidá do vrstvy (addMarker). 
			*/
			var layer_bodu = new SMap.Layer.Marker();
			m.addLayer(layer_bodu);
			layer_bodu.enable();



     /**
      *   hen su body
      ***/           
        

        {body}
 

        /**
        vrstva pro geometrii
        **/
 
        var layer_pozemku = new SMap.Layer.Geometry();
        m.addLayer(layer_pozemku);
        layer_pozemku.enable();

        /**
        polygony
        **/
        
        {polygony}
 
 
	  }}
	
  </script>
  </head>
  <body onload="initialize()">
	<div id="mapa" >Tady se má otevřít mapa, pokud se mapa nezobrazuje, je někde chyba.</div>
</body>
</html>
